$line-height-base: 1; // 单行
$hd: 2; // 基本单位
$color-grey-2: #999;
$spacing-h-lg: 12px * $hd;
/**
 * 元素居中定位
 */
@mixin absolute-center($pos: absolute) {
    position: $pos;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Flex Item */
@mixin flex($fg: 1, $fs: null, $fb: null) {
    flex: $fg $fs $fb;
    -webkit-box-flex: $fg;
}

@mixin flex-order($n) {
    order: $n;
    -webkit-box-ordinal-group: $n;
}

@mixin align-self($value: auto) {
    align-self: $value;
}

@mixin display-flex {
    display: flex;
}

.at-activity-indicator {
    @include display-flex();

    line-height: $line-height-base;

    &--center {
        @include absolute-center;
    }

    &__body {
        @include flex(0, 0, auto);

        line-height: 0;
    }

    &__content {
        @include flex(0, 0, auto);
        @include align-self(center);

        font-size: 28px;
        margin-left: $spacing-h-lg;
        color: $color-grey-2;
    }
}